iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 4
0
Software Development

基礎全端技術開發- Basicly 系列 第 4

(Day 4) 基礎全端開發-安裝express框架(圖片教學) : 安裝 express 框架

  • 分享至 

  • xImage
  •  

簡易明瞭的圖片步驟作法.

What is Express ?

it’s Framwork 讓使用者方便建立應用程式 .

(day3)Framwork 有提到過- 是建立在基礎建設上, 目的是要提供應用程式在上面更穩定運作

它們會打包好幾個最重要的基礎建設, 包括:架設伺服器 , 路由系統 , 操作資料庫 ,後續都會一一介紹

安裝框架 Express 及 路由(待續)

https://ithelp.ithome.com.tw/upload/images/20200904/20123173g0J1d2iy87.png

建立專案目錄 :

{XXX}$ > mkdir buildNode

啟動npm

在專案目錄下啟動會安裝node module 套件

buildNode > npm init

安裝框架 : express

buildNode >npm i express

https://ithelp.ithome.com.tw/upload/images/20200904/20123173tFQEH7hEYM.png

這裡已經裝好express框架 .

可以開始建立APP

設定創建app.js 檔案 , 並且設定. 設定http , route , rep/req

https://ithelp.ithome.com.tw/upload/images/20200904/20123173kJo2vIScsU.png

https://ithelp.ithome.com.tw/upload/images/20200904/20123173pwhPCJmKCt.png
...

在剛剛的示範,可以看到 Express 主要提供
讓程式碼簡潔,開發速度更快
自動載入 http 模組
設定路由
自動設定適當
的回應內容類型

按照上面做就完成了一個框架伺服器


上一篇
(day3) 全端開發-易懂的解說: Framework 與 Libary 的差異 (更新2)
下一篇
(day5)基礎全端技術開發- Basicly : 安裝Nodemon
系列文
基礎全端技術開發- Basicly 6
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言